<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<title>Page Title | Yoursite.com</title>

	<meta name="keywords" content="keyword phrase 1, keyword phrase 2" />
	<meta name="description" content="inHarmony is a perfect corporate html template." />
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- CSS ______________________________________-->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/magnificpopup.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	
	<link href="css/master.css" rel="stylesheet">
	<link href="css/colors-classic.css" rel="stylesheet">   <!-- The color scheme -->
	
	<!-- Javascripts ______________________________________-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
		<!-- include image popups -->
		<script src="js/jquery.magnific-popup.min.js"></script> 
		<!-- include mobile menu -->
		<script src="js/jquery.mobilemenu.js"></script> 
		<!-- include custom script -->
		<script src="js/scripts.js"></script>
	
	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" />
	<![endif]-->

	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" />
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
</head> 

<body class="page right-sidebar">

<div id="wrapperbox">

	<!-- HEADER ______________________________________-->
	<header role="banner">
		<div class="wrapper">
			<!-- Logo ______________________________________-->
			<div id="logo">
				<h1>
					<a href="/" rel="home"><img src="imgs/logo.gif" alt="inHarmony Logo" /></a>
					<a href="/" rel="home">inHarmony<span class="blue">.</span></a> <br />
					<span class="subtitle">Just another HTML template</span>
				</h1>
			</div>
			
			<!-- Address Microdata ______________________________________-->
			<div id="address-block" itemscope itemtype="http://schema.org/Organization"> 
			   <span itemprop="name" class="hidden">inHarmony Organization</span> 
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
					
				  <span itemprop="streetAddress">2939 4th Ave W</span>,
				  <span itemprop="addressLocality">Vancouver</span>,
				  <span itemprop="postalCode">BC V6K 1R3</span>
			   </div>
			   <span itemprop="telephone"><i class="icon-mobile-phone"></i> <strong>123-456-9999</strong></span> 
			   <a href="mailto:info@yourcompany.com" itemprop="email"><i class="icon-envelope"></i> info@the-company.com</a>
			</div>	
			
			<!-- Social icons ______________________________________-->
			<div id="social-block">
				<ul>
					<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
					<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
					<li><a href="#" target="_blank" title="Linkedin"><i class="icon-linkedin"></i></a></li>
					<li><a href="#" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
					<li><a href="#" target="_blank" title="Google Plus"><i class="icon-google-plus"></i></a></li>
					<!-- 	<li><a href="#" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
					<li><a href="#" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
					<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
					<li><a href="#" target="_blank" title="Tumblr"><i class="icon-tumblr"></i></a></li>
					<li><a href="#" target="_blank" title="Skype"><i class="icon-skype"></i></a></li> -->
				</ul>
			</div>
		</div>  <!-- END .wrapper -->
		
		<!-- Main menu ______________________________________-->
		<nav id="mainmenu" role="navigation">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Styles</a>
					<ul class="sub-menu" id="change-style">
						<li><a href="#" id="classic">Classic</a></li>
						<li><a href="#" id="eco-earth">Eco Earth</a></li>
						<li><a href="#" id="silver-grey">Silver Grey</a></li>
						<li><a href="#" id="passion-red">Passion Red</a></li>
						<li><a href="#" id="golden">Golden</a></li>
						<li><a href="#" id="deep-blue">Deep Blue</a></li>	
					</ul>
				</li>
				<li><a href="elements.html">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="testimonials.html">Testimonials</a></li>
						<li><a href="faqs.html">FAQs</a></li>
						<li><a href="404.html">404</a></li>
					</ul>
				</li>
				<li><a href="#">Media</a>
					<ul class="sub-menu">
						<li><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio Small</a></li>
								<li><a href="portfolio-medium.html">Portfolio Medium</a></li>
								<li><a href="portfolio-large.html">Portfolio Large</a></li>
							</ul>
						</li>
						<li><a href="portfolio-single.html">Portfolio Single</a></li>
						<li><a href="documentation.html">Documentation</a></li>
					</ul>
				</li>
				<li><a href="#">Layouts</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">Left Sidebar</a></li>
						<li><a href="blog-post.html">Right Sidebar</a></li>
						<li><a href="team.html">Full Width</a></li>
					</ul>
				</li>
				
				<li><a href="blog.html" class="active">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-post.html" class="active">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>
			</ul>		

			<!-- Search box ______________________________________-->
			<div id="sitesearch">
				<i class="icon-search"></i>
			</div>
			<div id="search-results">
				<script>
				  (function() {
					var cx = '017683756184911932766:rvnzs1j9m1g';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
						'//www.google.com/cse/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				  })();
				</script>
				<div id="search-box">
					<div class="gcse-search"></div>
				</div>
			</div>
			
		</nav> <!-- END #mainmenu -->		
	</header>
			
	<div class="wrapper">
		<div id="content" role="main">
			<!-- Heading ______________________________________-->
			<h1>From the blog</h1>	
			
			<!-- Breadcrumbs ______________________________________-->
			<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="breadcrumbs"><a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a> <i class="icon-chevron-right"></i> <a href="blog.html" itemprop="url"><span itemprop="title">Blog</span></a> <i class="icon-chevron-right"></i> Blog Post</p>
			<hr />

			<article id="post-1" class="post">

				<header class="entry-header">
					<!-- Post Featured Image ______________________________________-->
					<div class="post-image">
						<img src="imgs/portfolio/portfolio-image-1-cropped.jpg" alt="" />		
					</div>	

					<!-- Meta info ______________________________________-->
					<div class="entry-byline">
						<ul>
							<li><strong><i class="icon-user" title="Author"></i></strong> <span class="author vcard"><a class="url fn n" rel="author" href="http://plus.google.com/u/0/111854949903094161194/" title="Darina Tyrpak">Darina Tyrpak</a></span></li>
							<li><strong><i class="icon-calendar" title="Published on"></i></strong> <abbr class="published" title="Sunday, January 27th, 2013, 9:44 pm">January 27, 2013</abbr></li>
							<li><strong><i class="icon-comment" title="Comments"></i></strong> <a class="comments-link" href="#comments" title="Comment on Hello world!">1 Response</a></li>
						</ul>
					</div><!-- END .entry-byline -->
					
				</header> <!-- END .entry-header -->

				<div class="entry-content">
					<!-- Heading ______________________________________-->
					<h1>Once Upon a Time, There Was a Template...</h1>		
					
					<!-- WYSIWYG Content ______________________________________-->
					<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id ultricies ut vehicula ut id. Integer posuere erat a venenatis dapibus posuere velit aliquet duis mollis.</p>
					<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui.</p>
					<blockquote><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p></blockquote>
					<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. <a href="#">Cras mattis consectetur purus</a> sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
					<h2>H2 Sub-Heading</h2>
					<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. <a href="#">Integer posuere erat a ante venenatis</a> dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
					<h3>H3 Sub-Heading</h3>
					<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.</p>
					<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.</p>
					<ul class="tick">
						<li>Cras mattis consectetur purus sit amet</li>
						<li>Cras mattis consectetur purus sit amet fermentum</li>
						<li>Donec sed odio dui</li>
					</ul>
					<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.</p>

					<!-- END of WYSIWYG content ______________________________________-->
					
					
					<!-- Footer meta info ______________________________________-->
					<footer class="entry-footer">
						<div class="entry-meta">
							<p class="left">Posted in: </p>
							<ul class="tags">
								<li><a href="#" rel="tag">Uncategorized</a></li> 
							</ul>
						</div>		
					</footer><!-- END .entry-footer -->
				</div><!-- END .entry-content -->
				<div class="clear"></div>
				
			</article>
				
			<!-- Comments ______________________________________-->
			<section id="comments">

				<h3 id="comments-number">One Response</h3>
				<ol class="comment-list">
					
					<li id="comment-1" class="comment even thread-even depth-1 reader has-avatar">
						<a href="#" rel="external nofollow" title="">
							<img alt="Mr Blog" src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" class="avatar avatar-80 photo avatar-defaul" height="80" width="80" />
						</a>
						<div class="comment-meta">
							<span class="comment-author vcard"><cite class="fn" title=""><a href="#" title="Mr Blog" class="url" rel="external nofollow">Mr Blog</a></cite></span> 
							<span class="published"><abbr class="comment-date" title="Sunday, January 27th, 2013, 9:44 pm">January 27, 2013</abbr> at <abbr class="comment-time" title="Sunday, January 27th, 2013, 9:44 pm">9:44 pm</abbr></span> | <a class="permalink" href="#" title="Permalink to comment 1">Permalink</a> 
						</div> <!-- END .comment-meta -->
						<div class="comment-content comment-text">
							<p>Hi, this is a comment.<br />
To delete a comment, just log in and view the post&#039;s comments. There you will have the option to edit or delete them.</p>
						</div><!-- END .comment-content.comment-text -->
						<a class="comment-reply-link" href="#respond">Reply</a>
					</li><!-- END .comment -->		
				</ol><!-- END .comment-list -->

				<!-- Respond form ______________________________________-->
				<div id="respond">
					<h3 id="reply-title">Leave a Reply</h3>
					<form action="#" method="post" id="commentform">
						<p class="form-author req"><label for="author">Name <span class="required">*</span> </label> <input type="text" class="text-input" name="author" id="author" value="" size="40" /></p>
						<p class="form-email req"><label for="email">Email <span class="required">*</span> </label> <input type="text" class="text-input" name="email" id="email" value="" size="40" /></p>
						<p class="form-url"><label for="url">Website</label><input type="text" class="text-input" name="url" id="url" value="" size="40" /></p>
						<p class="form-textarea req"><label for="comment">Comment</label><textarea name="comment" id="comment" cols="60" rows="10"></textarea></p>												
						<p class="form-submit">
							<input name="submit" type="submit" id="submit" value="Post Comment" />
							<input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
						</p>
					</form>
				</div><!-- END #respond -->
						
			</section><!-- END #comments -->

			<div class="clear"></div>
			  
		</div> <!-- END #content -->

		<!-- Sidebar ----------------------------------------------------------->
		<aside id="sidebar">

			<div class="widget">
				<h3>Blog Categories</h3>
				<ul class="sidemenu">
					<li><a href="#">Design</a></li>
					<li><a href="#">Awards &amp; Recognition</a></li>
					<li><a href="#">Competitions</a></li>
					<li><a href="#">Travel &amp; Tourism</a></li>
					<li><a href="#">Direct Mail</a></li>
					<li><a href="#">Environment</a></li>
				</ul>
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Text Widget</h3>
				<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Accordion</h3>
				<div class="accordion accordion-style1">
				 	<h4 class="accordion-title"><a href="#">User Research</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>
				 
				 	<h4 class="accordion-title"><a href="#">Competitive Analysis</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>

					<h4 class="accordion-title"><a href="#">Market Reseach</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>
				 </div><!-- END .accordion -->
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Popular Tags</h3>
				<ul class="tags">
					<li><a href="#">Inspiration</a></li>
					<li><a href="#">AJAX</a></li>
					<li><a href="#">HTML5</a></li>
					<li><a href="#">jQuery</a></li>
					<li><a href="#">CSS3</a></li>
					<li><a href="#">Photoshop</a></li>
					<li><a href="#">PHP</a></li>
					<li><a href="#">WordPress</a></li>
					<li><a href="#">Design</a></li>
					<li><a href="#">Responsive</a></li>
					<li><a href="#">Envato</a></li>
					<li><a href="#">Sexy</a></li>
				</ul>
				<div class="clear"></div>
			</div>
			
			<div class="widget">
				<h3>Popular Posts</h3>
				<ul class="popular-posts">
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_books_color3_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Once Upon a Time, There Was a Template...</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_cheshire_kitten_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Mistakes I've Made (And Lessons Learned Along the Way)</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_alice_dragon_tree_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Introduction to Photoshop Scripting</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
				</ul>
			</div>
			
		</aside><!-- END #sidebar -->

		<div class="clear"></div>

	</div> <!-- END .wrapper -->
			
	<!-- Footer ______________________________________-->
	<footer role="contentinfo" id="footer">
		<div class="wrapper">
			<div class="footerbox">
				<h3>About Us</h3>
				<p>We create awesome HTML and WP themes and templates for your great online presence. We also provide support if you get any issues on our items. Check it out!</p>
				<br />
				<p><a href="http://themeforest.net/user/Darinka?ref=Darinka" target="_blank" class="button">BUY THIS</a></p>
			</div> <!-- END .footerbox -->
		
			<div class="footerbox">
				<h3>Latest News</h3>
				<ul>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Single Clean Post</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Our Blog Revived!</a></h4>
						<p class="small"><strong>Aug 3</strong> / Darinka </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">New Site Out Tomorrow</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox">
				<h3>Events</h3>
				<ul>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Open Klasses</a></h4>
						<p class="small"><strong>Aug 3</strong> / Street Art 2013 </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Summer Party</a></h4>
						<p class="small"><strong>Aug 10</strong> / Best place to party! </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Charity Event</a></h4>
						<p class="small"><strong>Aug 12</strong> / Help find the cure!</p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox last">
				<h3>Our newsletter</h3>
				<form method="post" action="#">
					<p>Sign up now to receive weekly news about new products and great discounts!</p>
					<p><label for="email">Your e-mail address</label> <input type="text" id="email" value="" /></p>
					<p><button type="submit">Subscribe</button></p>
				</form>
			</div> <!-- END .footerbox -->
			<div class="clear"></div>

			<hr />
			<p class="left small">Copyright &copy; 2013 Your Company Name. <br />All rights reserved.</p>
			<ul class="footermenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Styles</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Media</a></li>
				<li><a href="#">Layouts</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Contact</a></li>
			</ul> <!-- END .footermenu -->
			<div class="clear"></div>
		</div>  <!-- END .wrapper -->
	</footer>
</div> <!-- END #wrapperbox -->
<br class="clear" />

	
	<!-- Your Google Analytics ______________________________________-->
	<script type="text/javascript">
	
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })(); 
	
	</script>
</body>
</html>
